<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=yes" name="format-detection" />
    <!-- 禁止百度自动转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="keywords" content="Youdob 旅游">
    <meta name="author" content="Gaubee,gaubeebangeel@gmail.com">
    <!-- IOS 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Chrome 是否启用 WebApp 全屏模式 -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title> chat </title>
    <!-- <link rel="stylesheet" href="css/reset.css?__inline"> -->
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script src="js/lib/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="js/lib/build/build.js" type="text/javascript"></script>
    <script src="js/client.js"></script>
    <script src="js/pop.js" type="text/javascript"></script>
</head>

<body>
    <div id="app">
        <div id="loginView">
            <div id="loginTitle">
                Chat of Pomelo
            </div>
            <table>
                <tr>
                    <td>
                        <input id="loginUser" type="text" placeholder="enter your name" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input name="channels" type="text" id="channelList" placeholder="enter your channel" />
                    </td>
                    <tr>
                        <td>
                            <input id="login" type='button' value="join" />
                        </td>
                    </tr>
            </table>
            <div id="loginError">
            </div>
        </div>
        <div id="chatHistory">
        </div>
        <div id="toolbar">
            <ul id="status">
                <li>
                    users:
                    <select name="users" id="usersList">
                            <option value="*">
                                all
                            </option>
                        </select>
                </li>
                <li>
                    name:
                    <span id="name">
                        </span>
                </li>
                <li>
                    room:
                    <span id="room">
                        </span>
                </li>
            </ul>
            <input tabindex="1" type="text" id="entry" />
        </div>
    </div>
    <div id="pop">
        <div id="popHead">
            <a id="popClose" title="close">Close</a>
            <h2>
                Tip
            </h2>
        </div>
        <div id="popContent">
            <dl>
                <dd id="popIntro">
                </dd>
            </dl>
            <p id="popMore">
                No Tip Again
            </p>
        </div>
    </div>
</body>

<script type="text/javascript">
    pomeloRequire('boot');
</script>
</html>